<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<title>个人中心</title>
		<link rel="stylesheet" href="../../css/ui.min.css" />
		<link rel="stylesheet" href="../../css/style.css" />
	</head>
	<body ontouchstart>
		<div class="ui-content" id="box">
			<div class="ucenter-tcell" style="background-image: url(../../images/mmbg.jpg);">
				<div class="u-grids">
					<div class="u-avatar">
						<img src="../../images/avatar.jpg" alt="">
					</div>
					<div class="u-name">会飞的猫</div>
				</div>
			</div>
			<div class="ucenter-data-cells">
				<div class="ui-flex ucenter-flex">
					<div class="ui-flex__item shouyi" id="myshouyi.html">
							<div class="text">我的收益(元)</div>
							<div class="number">100元</div>
					</div>
					<div class="ui-flex__item cjdingdan" id="cjding.html">
						<div class="text">成交订单</div>
						<div class="number">15</div>
					</div>
				</div>
			</div>
			<div class="ui-ucenter-cells">
				<a id="tixian.html" class="ui-cell ui-cell_access ui-ucell ui-ucell-active tixian">
					<div class="u-icon"><img src="../../images/icon/shouyi.png" alt="" /></div>
					<div class="ui-cell__bd">
						<p>今日收益</p>
					</div>
					<div class="ui-cell-sy">+100元</div>
				</a>
				<a id="myvip.html" class="ui-cell ui-cell_access ui-ucell myvip">
					<div class="u-icon"><img src="../../images/icon/huiyuan.png" alt="" /></div>
					<div class="ui-cell__bd">
						<p>我的会员</p>
					</div>
					<div class="ui-cell__ft"></div>
				</a>
				<a id="mydingdan.html" class="ui-cell ui-cell_access ui-ucell mydingdan">
					<div class="u-icon"><img src="../../images/icon/wode-dingdan.png" alt="" /></div>
					<div class="ui-cell__bd">
						<p>我的订单</p>
					</div>
					<div class="ui-cell__ft"></div>
				</a>
				<a id="sq_tuikuan.html" class="ui-cell ui-cell_access ui-ucell sq_tuikuan">
					<div class="u-icon"><img src="../../images/icon/tuihuobaozhang.png" alt="" /></div>
					<div class="ui-cell__bd">
						<p>退货退款</p>
					</div>
					<div class="ui-cell__ft"></div>
				</a>
			</div>
			<div class="ui-ucenter-cells">
				<a id="bianjishouhuodizhi.html" class="ui-cell ui-cell_access ui-ucell bjshouhuodizhi">
					<div class="u-icon"><img src="../../images/icon/dizhi.png" alt="" /></div>
					<div class="ui-cell__bd">
						<p>收货地址</p>
					</div>
					<div class="ui-cell__ft"></div>
				</a>
				<a id="shezhi.html" class="ui-cell ui-cell_access ui-ucell shezhi">
					<div class="u-icon"><img src="../../images/icon/shezhi.png" alt="" /></div>
					<div class="ui-cell__bd">
						<p>设置</p>
					</div>
					<div class="ui-cell__ft"></div>
				</a>
			</div>
		</div>
		
	</body>
	<script src="../../js/mui.js"></script>
	<script>
		mui("#box").on("tap", ".shouyi", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
		mui("#box").on("tap", ".cjdingdan", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
		mui("#box").on("tap", ".myvip", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
		mui("#box").on("tap", ".mydingdan", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
		mui("#box").on("tap", ".shezhi", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
		mui("#box").on("tap", ".sq_tuikuan", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
		mui("#box").on("tap", ".tixian", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
		mui("#box").on("tap", ".bjshouhuodizhi", function() {
			var url = this.getAttribute("id"); //getAttribute()获取属性函数
			mui.openWindow({
				url: url,
				id: url,
				styles: {
					top: '0px', //新页面顶部位置
					bottom: '0px', //新页面底部位置
					popGesture: 'close'
				},
				extras: {},
				waiting: {
					autoShow: false
				}
			})
		});
	</script>
</html>